<span class="longInputLabel">JDBC Connection</span>
<select class="long">
	<option>MySQL Sakila Database</option>
	<option>Oracle ERP Database</option>
	<option>HSQL Database</option>
</select>
<br />

<span class="longInputLabel">Query</span>
<input class="long" value="select * from table_name">
<br />

<span class="longInputLabel">Header</span>
<textarea style="height:60px;width:95%;" id="contentHeader"></textarea><br />

<span class="longInputLabel">Cell renderer</span>
<textarea style="height:60px;width:95%;" id="renderer"></textarea><br />

<span class="longInputLabel">Footer</span>
<textarea style="height:60px;width:95%;" id="contentFooter"></textarea><br />

<script>
	function testConfiguration() {
		alert('dynamic');
	}

    function getConfiguration() {
        return "Not configured yet";
    }

    function getType() {
        return 2;
    }

    var editorHeader = CodeMirror.fromTextArea(document.getElementById("contentHeader"), {mode: {name: "xml", htmlMode: true}});
    var editorRenderer = CodeMirror.fromTextArea(document.getElementById("renderer"), {mode: {name: "xml", htmlMode: true}});
    var editorFooter = CodeMirror.fromTextArea(document.getElementById("contentFooter"), {mode: {name: "xml", htmlMode: true}});
	$('.CodeMirror-scroll').height("60px")


</script>